<template>
  <view id="main">
    <!-- 顶部搜索框 -->
    <zy-topBar title="企业信息" showBack paddingTop="40" height="80">
      <template #right> <view class="fs_12">同步信息</view></template>
    </zy-topBar>
    <view class="content">
      <view class="card">
        <view class="item flex">
          <view class="label fs_12">企业名称</view>
          <view class="value color_text_gray fs_12">
            河南能源化工集团鹤壁煤化工有限公司
          </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">企业类别</view>
          <view class="value color_text_gray fs_12"> 产废单位 </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">统一社会信用代码</view>
          <view class="value color_text_gray fs_12"> ZMDSZXVZ00000000001 </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">管理类别</view>
          <view class="value color_text_gray fs_12">
            危险废物环境重点监管单位
          </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">经营地址</view>
          <view class="value long_text color_text_gray fs_12">
            需填写国家系统对接iv
          </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">法人姓名</view>
          <view class="value color_text_gray fs_12"> 龙舒环 </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">法人电话</view>
          <view class="value color_text_gray fs_12"> 19883827325 </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">环保联系人</view>
          <view class="value color_text_gray fs_12"> 郭融娴 </view>
        </view>
        <view class="item flex">
          <view class="label fs_12">环保联系人电话</view>
          <view class="value color_text_gray fs_12"> 13939294811 </view>
        </view>
      </view>
      <view class="card">
        <view class="item flex">
          <view class="label fs_12">用户名</view>
          <view class="value color_text_gray fs_12">185748947483</view>
        </view>
        <view class="item flex">
          <view class="label fs_12">key</view>
          <view class="value color_text_gray fs_12">33849620230312085X</view>
        </view>
        <view class="item flex">
          <view class="label fs_12">iv</view>
          <view class="value color_text_gray fs_12">476231199903025859</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const value = ref("123");
</script>

<style lang="scss" scoped>
.content {
  padding: 14px;
  width: 100vw;
  .card {
    border-radius: 4px;
    margin: 0 0 20px 0;
    .item {
      justify-content: space-between;
      border-bottom: 1px solid #eee;
      padding: 16px 0;
      .long_text {
        text-align: right;
        width: 70%;
      }
    }
  }
}
</style>
